import Vue from 'vue'
import App from './App'
import './assets/global.css'
import './assets/reset.css'
import router from '@/routers'
import store from '@/stores'
import elementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';

//========== 引入element ui =========
Vue.use(elementUI);

// ===========配置VueRouter==========
// 1.下载 npm i vue-router
// 2.导入
// import VueRouter from 'vue-router';
// // 3.vue安装vue-router
// Vue.use(VueRouter);
// // 4.vue-router需要配置，简单来说需要配置路径和组件之间的映射关系
// var router = new VueRouter({配置映射关系});

// ===========配置Vuex==========
// 1.下载 npm i vuex
// 2.导入
// import Vuex from 'vuex';
// // 3.vue安装vuex
// Vue.use(Vuex);
// // 4.配置vuex的仓库
// let store = new Vuex.Store({
//     相关配置
// })
new Vue({
    render:h=>h(App),
    // 5.需要把router对象加入到Vue实例中
    router,
     // 5.把vuex仓库实例放入到Vue实例中
     store,
}).$mount('#app')
// 如果仓库数据需要一开始就使用，应该在main.js中一开始就获取
store.dispatch("types/fetchData")